<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>购物车</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/cart.css"/>
</head>
<body>
   <!--头部  开始-->
    <header class="jd_topBar">
        <a href="#" class="icon_back"></a>
        <h2>购物车</h2>
        <a href="#" class="icon_menu"></a>
    </header>
    <!--头部 结束-->
    <div class="jd_view">
     <!--安全提示-->
    <div class="jd_safeTip">
            <p>您正在安全购物环境中，请放心购物</p>
        </div>
    <div class="jd_shop">
            <!--顶部的店铺-->
    <div class="jd_shop_name">
                <!--店铺选着框区块-->
                <div class="shop_check">
                    <span class="jd_check_box" ></span>
                </div>
                <div class="shop_title clearfix">
                    <img src="images/buy-logo.png" alt=""/>
                    <span class="name">京东自营</span>
                    <span class="tip">您享受满79元免运费服务</span>
                </div>
            </div>
            <!--下面商品信息-->
    <div class="jd_shop_product">
                <ul>
                    <li>
                        <!--商品选着框区块-->
                        <div class="product_check">
                            <span class="jd_check_box" ></span>
                        </div>
                        <div class="product_info clearfix">
                            <a href="#" class="image"><img src="images/detail01.jpg" alt=""/></a>
                            <div class="info">
                                <a href="#" class="name">Apple iPhone 6s (A1700) 16G 深空灰色 移动联通电信4G手机</a>
                                <p class="price">¥4888.00</p>
                                <div class="clearfix">
                                    <!--改变数量-->
                                    <div class="changeNum clearfix">
                                        <span class="changeNum_left">-</span>
                                        <input type="tel"/>
                                        <span class="changeNum_right">+</span>
                                    </div>
                                    <!--删除区块-->
                                    <div class="deleteBox">
                                        <span class="deleteBox_top"></span>
                                        <span class="deleteBox_bot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!--商品选着框区块-->
                        <div class="product_check">
                            <span class="jd_check_box" checked ></span>
                        </div>
                        <div class="product_info clearfix">
                            <a href="#" class="image"><img src="images/detail02.jpg" alt=""/></a>
                            <div class="info">
                                <a href="#" class="name">Apple iPhone 6s (A1700) 16G 深空灰色 移动联通电信4G手机</a>
                                <p class="price">¥4888.00</p>
                                <div class="clearfix">
                                    <!--改变数量-->
                                    <div class="changeNum clearfix">
                                        <span class="changeNum_left">-</span>
                                        <input type="tel"/>
                                        <span class="changeNum_right">+</span>
                                    </div>
                                    <!--删除区块-->
                                    <div class="deleteBox">
                                        <span class="deleteBox_top"></span>
                                        <span class="deleteBox_bot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
    </div>
    <div class="jd_shop">
    <!--顶部的店铺-->
    <div class="jd_shop_name">
                <!--店铺选着框区块-->
                <div class="shop_check">
                    <span class="jd_check_box" ></span>
                </div>
                <div class="shop_title clearfix">
                    <img src="images/buy-logo.png" alt=""/>
                    <span class="name">京东自营</span>
                    <span class="tip">您享受满79元免运费服务</span>
                </div>
            </div>     
    <!--下面商品信息-->
    <div class="jd_shop_product">
                <ul>
                    <li>
                        <!--商品选着框区块-->
                        <div class="product_check">
                            <span class="jd_check_box" ></span>
                        </div>
                        <div class="product_info clearfix">
                            <a href="#" class="image"><img src="images/detail01.jpg" alt=""/></a>
                            <div class="info">
                                <a href="#" class="name">Apple iPhone 6s (A1700) 16G 深空灰色 移动联通电信4G手机</a>
                                <p class="price">¥4888.00</p>
                                <div class="clearfix">
                                    <!--改变数量-->
                                    <div class="changeNum clearfix">
                                        <span class="changeNum_left">-</span>
                                        <input type="tel"/>
                                        <span class="changeNum_right">+</span>
                                    </div>
                                    <!--删除区块-->
                                    <div class="deleteBox">
                                        <span class="deleteBox_top"></span>
                                        <span class="deleteBox_bot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!--商品选着框区块-->
             <div class="product_check">
                            <span class="jd_check_box" checked ></span>
                        </div>
             <div class="product_info clearfix">
                            <a href="#" class="image"><img src="images/detail02.jpg" alt=""/></a>
                            <div class="info">
                                <a href="#" class="name">Apple iPhone 6s (A1700) 16G 深空灰色 移动联通电信4G手机</a>
                                <p class="price">¥4888.00</p>
                                <div class="clearfix">
                                    <!--改变数量-->
                                    <div class="changeNum clearfix">
                                        <span class="changeNum_left">-</span>
                                        <input type="tel"/>
                                        <span class="changeNum_right">+</span>
                                    </div>
                                    <!--删除区块-->
                                    <div class="deleteBox">
                                        <span class="deleteBox_top"></span>
                                        <span class="deleteBox_bot"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="jd_option">
        <!--商品选着框区块-->
        <div class="option_check">
            <span class="jd_check_box" checked ></span>
            <span class="jd_check_label">全选</span>
        </div>
        <div class="option_info">
            <p class="amount">合计:<span>¥15663.00</span></p>
            <p class="amount_dec">总额:<span>¥15663.00</span>返现:<span>¥0.00</span></p>
        </div>
        <div class="option_submit">
            <a href="#">去结算(<span>4</span>)</a>
        </div>
    </div>
    <div class="jd_win" style="display: none">
        <div class="jd_win_box">
            <div class="jd_win_box_con">确认要删除这些商品吗？</div>
            <div class="jd_win_box_btn clearfix">
                <a href="" class="cancel">取消</a>
                <a href="" class="submit">确认</a>
            </div>
        </div>
    </div>
    <script src="js/cart.js"></script>
</body>
</html>